<%-- 
    Document   : Empleado
    Created on : 11/06/2014, 09:44:38 PM
    Author     : McWagner
--%>

<%@page import="com.cupf.bean.usuarioBean"%>
<%
    String context = request.getContextPath();
//    response.setHeader("Pragma", "no-cache");
//    response.addHeader("Cache-Control", "must-revalidate");
//    response.addHeader("Cache-Control", "no-cache");
//    response.addHeader("Cache-Control", "no-store");
//    response.setDateHeader("Expires", 0);
    usuarioBean user = (usuarioBean) request.getAttribute("usuario2");
%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>CUPF|Empleado</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="<%=context%>/js/librerias/jquery-1.11.0.js"></script>

        <!-- Le styles -->
        <link href="<%=context%>/js/Test/bootstrap.min.css" rel="stylesheet">
        <link href="<%=context%>/js/Test/bootstrap-responsive.min.css" rel="stylesheet">

        <link rel="stylesheet" href="<%=context%>/js/Test/typica-login.css">
        <script src="<%=context%>/js/librerias/angular.js"></script>
        <script src="<%=context%>/js/librerias/jquery.nav.js"></script>
    </head>
    <body>       
        <!--                termino
                <div class="bs-docs-section">
                    <h1 id="page-header" class="page-header blue center">Encabezado</h1>
                    <div class="bs-example">
                        <div class="page-header">
                            <h1>Example page header <small>Subtext for header</small></h1>
                        </div>
                    </div> 
                </div>-->

        <div>         
            <div class="bs-docs-section">
                <h1 id="page-header" class="page-header">Titulo</h1>
                <div class="bs-example">
                    <div class="page-header">
                        <h1> <small>Subtitulo</small></h1>
                    </div>
                </div>
            </div>
            <label class="warning btn btn-warning">El usuario :</label> <%=user.getUsuario()%> &nbsp;&nbsp;&nbsp;
            <label class="warning btn btn-warning">El Id :  </label> <%= user.getIdUsuario()%>
            <br>            
            <div class="table-responsive">
                <table class="table table-striped table-bordered table-hover table-bordered" id="dataTables-example">
                    <thead>
                        <tr>
                            <th>Rendering engine</th>
                            <th>Browser</th>
                            <th>Platform(s)</th>
                            <th>Engine version</th>
                            <th>CSS grade</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="odd gradeX">
                            <td>Trident</td>
                            <td>Internet Explorer 4.0</td>
                            <td>Win 95+</td>
                            <td class="center">4</td>
                            <td class="center">X</td>
                        </tr>
                        <tr class="even gradeC">
                            <td>Trident</td>
                            <td>Internet Explorer 5.0</td>
                            <td>Win 95+</td>
                            <td class="center">5</td>
                            <td class="center">C</td>
                        </tr>
                        <tr class="odd gradeA">
                            <td>Trident</td>
                            <td>Internet Explorer 5.5</td>
                            <td>Win 95+</td>
                            <td class="center">5.5</td>
                            <td class="center">A</td>
                        </tr>
                        <tr class="even gradeA">
                            <td>Trident</td>
                            <td>Internet Explorer 6</td>
                            <td>Win 98+</td>
                            <td class="center">6</td>
                            <td class="center">A</td>
                        </tr>
                        <tr class="odd gradeA">
                            <td>Trident</td>
                            <td>Internet Explorer 7</td>
                            <td>Win XP SP2+</td>
                            <td class="center">7</td>
                            <td class="center">A</td>
                        </tr>
                        <tr class="even gradeA">
                            <td>Trident</td>
                            <td>AOL browser (AOL desktop)</td>
                            <td>Win XP</td>
                            <td class="center">6</td>
                            <td class="center">A</td>
                        </tr>
                        <tr class="gradeA">
                            <td>Gecko</td>
                            <td>Firefox 1.0</td>
                            <td>Win 98+ / OSX.2+</td>
                            <td class="center">1.7</td>
                            <td class="center">A</td>
                        </tr>
                        <tr class="gradeA">
                            <td>Gecko</td>
                            <td>Firefox 1.5</td>
                            <td>Win 98+ / OSX.2+</td>
                            <td class="center">1.8</td>
                            <td class="center">A</td>
                        </tr>
                        <tr class="gradeA">
                            <td>Gecko</td>
                            <td>Firefox 2.0</td>
                            <td>Win 98+ / OSX.2+</td>
                            <td class="center">1.8</td>
                            <td class="center">A</td>
                        </tr>
                        <tr class="gradeA">
                            <td>Gecko</td>
                            <td>Firefox 3.0</td>
                            <td>Win 2k+ / OSX.3+</td>
                            <td class="center">1.9</td>
                            <td class="center">A</td>
                        </tr>
                        <tr class="gradeA">
                            <td>Gecko</td>
                            <td>Camino 1.0</td>
                            <td>OSX.2+</td>
                            <td class="center">1.8</td>
                            <td class="center">A</td>
                        </tr>
                        <tr class="gradeA">
                            <td>Gecko</td>
                            <td>Camino 1.5</td>
                            <td>OSX.3+</td>
                            <td class="center">1.8</td>
                            <td class="center">A</td>
                        </tr>
                        <tr class="gradeA">
                            <td>Gecko</td>
                            <td>Netscape 7.2</td>
                            <td>Win 95+ / Mac OS 8.6-9.2</td>
                            <td class="center">1.7</td>                            
                            <td class="center">A</td>
                        </tr>
                    <tbody>
                </table>

            </div>
        </div>
        <br>
        <!--Tabla-->
        <h2 id="tables-hover-rows">Hover rows</h2>

        <div class="bs-example">
            <table class="table table-hover table-bordered">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>First Name</th>
                        <th>Last Name</th>
                        <th>Username</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>Mark</td>
                        <td>Otto</td>
                        <td>@mdo</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>Jacob</td>
                        <td>Thornton</td>
                        <td>@fat</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td colspan="2">Larry the Bird</td>
                        <td>@twitter</td>
                    </tr>
                </tbody>
            </table>
        </div><!-- /example -->
        <!--Tabla-->
        <ul class="list-group">
            <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
            <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
            <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
            <li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
        </ul>
        <div class="list-group">
            <a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a>
            <a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a>
            <a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a>
            <a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a>
        </div>
        <div class="panel panel-default table-bordered">
            <div class="panel-body panel-info">
                Panel content
            </div>
            <div class="panel-footer">Panel footer</div>
        </div>
        <div class="panel panel-primary">..<div>
                <div class="panel panel-success">...</div>
                <div class="panel panel-info">...</div>
                <div class="panel panel-warning">...</div>
                <div class="panel panel-danger">...</div>

                </body>
                </html>
